@use "function.scss";

@mixin border($color,$width:1px){
    border: $width solid $color;
}

@mixin box-shadow($shadows...){
    box-shadow:$shadows;
}

@mixin hover{
    &:hover{
        @content;
    }
}

.shadows{
    @include border(black);
    @include box-shadow(0px 4px 5px #666,2px 6px 10px #999);
    @include hover{
        border-width:2px;
    }
}

%reset{
    margin:0;
    padding:0;
}

html{
    @extend %reset;
    @import "nest";
}
